
<figure class="bg-gray-100 rounded-xl p-8">
    <img class="w-32 h-32 rounded-full mx" src="https://tailwindcss.com/_next/static/media/sarah-dayan.a8ff3f1095a58085a82e3bb6aab12eb2.jpg" alt="" width="384" height="512">
    <div class="pt-6 space-y-4">
      <blockquote>
        <p class="text-lg">
          “Tailwind CSS is the only framework that I've seen scale
          on large teams. It’s easy to customize, adapts to any design,
          and the build size is tiny.”
        </p>
      </blockquote>
      <figcaption>
        <div>
          Sarah Dayan
        </div>
        <div>
          Staff Engineer, Algolia
        </div>
      </figcaption>
    </div>
  </figure>
  <p>段落</p>
<style lang="scss">
    $font-stack: Helvetica, sans-serif;
    $primary-color: #333;
    p {
        font: 100% $font-stack;
        color: $primary-color;
    }
</style>


